<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.px1000{width: 1000px;height: inherit;margin: auto;}
			.top{display: inline;color: #fff;font-size: 18px;width: 150px;height:inherit;float: left;border-left: solid 1px #E90000;border-right: solid 1px #8D0505;text-align: center;line-height: 40px;}
			.left{float: left;text-align: center;line-height: 30px;}
			.right{float: right;text-align: center;}
			.white{text-align: center;line-height: 30px;color: #fff;}
			table,td,tr{border-collapse: collapse;border: solid 1px #E5E5E5;}
			.red{color: #C40705;}
		</style>
	</head>
	<body style="margin: 0;padding: 0;font-family: '微软雅黑';">
		<!--顶部-->
		<div style="width: 100%;height:30px;background-color: #DADADA;">
			<div class="px1000" >
				<img src="img/主页2.png"/ style="margin-top: 5px;float: left;">
				<b style="font-size: 12px;margin-top: 8px;margin-left: 5px;float: left;">点动p2p主页</b>
				<b style="font-size: 16px;margin-top: 4px;margin-left: 0px;float: right;">4000-000-888</b>
				<img src="img/电话2.png"/ style="margin-top: 2px;float: right;">
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">安全退出</a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 6px;width: 1px;height: 15px;background-color: #666666;"></a>
				<a style="float: right;margin-right: 10px;font-size: 12px;margin-top: 5px;">我是土豪您好欢迎回来-账户中心</a>
			</div>
		</div>
		<!--icon-->
		<div style="width: 100%;height: 60px;background-color: #F3F3F3;">
			<div class="px1000" >
			<img src="img/logo.jpg"/>		
			</div>
		</div>
		<!--导航栏-->
		<div style="width: 100%;height: 40px;background-color: #C60506;">
			<div class="px1000" >
				<li class="top" style="border-left: 0;">首页</li>
				<li class="top">我要借款</li>
				<li class="top">我要借出</li>
				<li class="top">计算工具</li>
				<li class="top">实时财务</li>
				<li class="top" style="border-right: 0;">理财社区</li>
				
			</div>
		</div>
		<!--中间-->
		<div style="width: 100%;height: 1200px;background-color: #E5E5E5;">
		
		<div style="width: 1000px;height: 1000px;margin: auto;">
			<div style="height: 250px;width: 162px;background-color: #fff;border: solid 1px #E2E2E2;float: left;position: relative;top: 20px;">
			<!--会员中心-->		
					<div style="height: 30px;width: 162px;;border-bottom: solid 1px #E2E2E2;line-height: 30px;">
						<img src="img/huiyuan.jpg" style="margin-left: 20px;margin-right: 10px;margin-top: 1px;float: left;"/>
					会员中心
					</div>
			<!--五个红条-->		
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							投资管理
							<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							借款管理<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							资金管理<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							客户服务<img src="img/youjiantou.jpg"/>
						</div>
					</div>
					
					<div style="height: 42px;width: 162px;;border-bottom: solid 1px #E2E2E2;">
						<div style="height: 30px;width: 150px;background-color: #C60506;margin: auto;position: relative;top: 6px;border-radius: 10px;border: solid 1px #D93A35;text-align: center;color: #fff;line-height: 30px;font-size: 14px;">
							基本信息<a style="font-size: 12px;margin-left: 5px;"></a><img src="img/xiajiantou.jpg"/>
						</div>
					</div>
				</div>
		
		<div style="height: 1000px;width: 792px;float: left;position: relative;top: 20px;left: 10px;">
			<div style="height: 150px;width: 792px;background-color: #fff;border: solid 1px #E2E2E2;padding: 10px;">
				<div class="left" style="width: 121px;">
				<img src="img/photo5.jpg"/ >
				<a style="font-size: 12px;position: relative;top: -10px;">【更换头像】</a>
				</div>
				
				<div style="width:651px;height: 60px;float: left;font-size: 14px;margin-left: 20px;">
					<div>
						<b>我是土豪</b>
						<img src="img/star.jpg" style="margin-left: 10px;"/>
						<a>您好，欢迎光临点动p2p</a>
						<a style="float: right;">【安全退出】</a>
					</div>
						<div style="margin-top: 0px;">
						<a>账户等级：</a>
						<b style="color: #C40606;">VIP会员</b>
						<a style="margin-left: 5px;">认证情况：</a>
						<img src="img/renzheng.jpg"/ style="position: relative;top: 8px;">
						
						
						<div class="white" style="width:80px;height: 30px;background-color: #EB6100;float: right;border-radius: 5px;line-height: 30px;border:  solid 1px #B14A00;margin-right: 80px;">提现</div>
						<div class="white" style="width:80px;height: 30px;background-color: #EB6100;float: right;border-radius: 5px;line-height: 30px;border:  solid 1px #B14A00;margin-right: 10px;">充值</div>
						</div>
					</div>
					<table style="border: solid 1px #E5E5E5;margin-top: 20px;font-size: 14px;position: relative;left: 20px;top: 8px;text-indent: 10px;">
						<tr>
							<td width="150px">未读短消息（
							<a class="red">0</a>
							）</td>
							<td width="480px">上次登录时间：
							<a class="red">2014-03-26 14:08:09<a>
							上次登录地区：
							<a class="red">北京市电信通...</a>
							</td>
						</tr>
						<tr>
							<td>待收金额：
							<a class="red">¥ 0.00</a>
							</td>
							<td>最近待收款时间：
							<a class="red">无</a>
							最近待收款金额：
							<a class="red">¥ 0.00</a></td>
						</tr>
						<tr>
							<td>可用余额： ¥ 102.52</td>
							<td>最近待还款时间：
							<a class="red">无</a>
							最近待还款金额：
							<a class="red">¥ 0.00</a></td>
						</tr>
					</table>
					
				</div>
				
			<div style="height: 170px;width: 812px;background-color: #fff;border: solid 1px #E2E2E2;;margin-top: 20px;">
				<div style="width: 812;height: 30px;border-bottom: solid 1px #E2E2E2;">
					<img src="img/anquanzhongxin.jpg"/ style="margin-top: 3px;margin-left: 10px;">
					<a style="font-size: 14px;position: relative;top: -7px;">安全中心</a>
				</div>
				
				<table style="width: inherit;height: 140px;font-size: 14px;text-align: center;">
					<tr style="background-color: #F8F8F8;height: 31px;">
						<td>真实姓名</td>
						<td>身份证号</td>
						<td>手机号码</td>
						<td>电子邮箱</td>
						<td>登录密码</td>
					</tr>
					<tr class="red">
						<td>**楚</td>
						<td>372***********5149</td>
						<td>159****7483</td>
						<td>463590153@qq.com</td>
						<td>安全</td>
					</tr>
					<tr style="color: #029900;">
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td style="color: black;">修改密码</td>
					</tr>
				</table>
				
			</div>	
						
			<div style="height: 170px;width: 812px;background-color: #fff;border: solid 1px #E2E2E2;;margin-top: 20px;">
				<div style="width: 812;height: 30px;border-bottom: solid 1px #E2E2E2;">
					<img src="img/anquanzhongxin.jpg"/ style="margin-top: 3px;margin-left: 10px;">
					<a style="font-size: 14px;position: relative;top: -7px;">安全中心</a>
				</div>
				
				<table style="width: inherit;height: 140px;font-size: 14px;text-align: center;">
					<tr style="background-color: #F8F8F8;height: 31px;">
						<td>真实姓名</td>
						<td>身份证号</td>
						<td>手机号码</td>
						<td>电子邮箱</td>
						<td>登录密码</td>
					</tr>
					<tr class="red">
						<td>**楚</td>
						<td>372***********5149</td>
						<td>159****7483</td>
						<td>463590153@qq.com</td>
						<td>安全</td>
					</tr>
					<tr style="color: #029900;">
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td style="color: black;">修改密码</td>
					</tr>
				</table>
				
			</div>	
			
			<div style="height: 170px;width: 812px;background-color: #fff;border: solid 1px #E2E2E2;;margin-top: 20px;">
				<div style="width: 812;height: 30px;border-bottom: solid 1px #E2E2E2;">
					<img src="img/anquanzhongxin.jpg"/ style="margin-top: 3px;margin-left: 10px;">
					<a style="font-size: 14px;position: relative;top: -7px;">安全中心</a>
				</div>
				
				<table style="width: inherit;height: 140px;font-size: 14px;text-align: center;">
					<tr style="background-color: #F8F8F8;height: 31px;">
						<td>真实姓名</td>
						<td>身份证号</td>
						<td>手机号码</td>
						<td>电子邮箱</td>
						<td>登录密码</td>
					</tr>
					<tr class="red">
						<td>**楚</td>
						<td>372***********5149</td>
						<td>159****7483</td>
						<td>463590153@qq.com</td>
						<td>安全</td>
					</tr>
					<tr style="color: #029900;">
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td style="color: black;">修改密码</td>
					</tr>
				</table>
				
			</div>	
			<div style="height: 170px;width: 812px;background-color: #fff;border: solid 1px #E2E2E2;;margin-top: 20px;">
				<div style="width: 812;height: 30px;border-bottom: solid 1px #E2E2E2;">
					<img src="img/anquanzhongxin.jpg"/ style="margin-top: 3px;margin-left: 10px;">
					<a style="font-size: 14px;position: relative;top: -7px;">安全中心</a>
				</div>
				
				<table style="width: inherit;height: 140px;font-size: 14px;text-align: center;">
					<tr style="background-color: #F8F8F8;height: 31px;">
						<td>真实姓名</td>
						<td>身份证号</td>
						<td>手机号码</td>
						<td>电子邮箱</td>
						<td>登录密码</td>
					</tr>
					<tr class="red">
						<td>**楚</td>
						<td>372***********5149</td>
						<td>159****7483</td>
						<td>463590153@qq.com</td>
						<td>安全</td>
					</tr>
					<tr style="color: #029900;">
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td style="color: black;">修改密码</td>
					</tr>
				</table>
				
			</div>	
			<div style="height: 170px;width: 812px;background-color: #fff;border: solid 1px #E2E2E2;;margin-top: 20px;">
				<div style="width: 812;height: 30px;border-bottom: solid 1px #E2E2E2;">
					<img src="img/anquanzhongxin.jpg"/ style="margin-top: 3px;margin-left: 10px;">
					<a style="font-size: 14px;position: relative;top: -7px;">安全中心</a>
				</div>
				
				<table style="width: inherit;height: 140px;font-size: 14px;text-align: center;">
					<tr style="background-color: #F8F8F8;height: 31px;">
						<td>真实姓名</td>
						<td>身份证号</td>
						<td>手机号码</td>
						<td>电子邮箱</td>
						<td>登录密码</td>
					</tr>
					<tr class="red">
						<td>**楚</td>
						<td>372***********5149</td>
						<td>159****7483</td>
						<td>463590153@qq.com</td>
						<td>安全</td>
					</tr>
					<tr style="color: #029900;">
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td>已认证</td>
						<td style="color: black;">修改密码</td>
					</tr>
				</table>
				
			</div>	
			
			
			
				</div>
			</div>
		</div>
		
		<!--下部-->
		<div style="height: 383px;width: 100%;background-color: #686463;">
			<div class="px1000" style="width: 900px;height: 150px;border-bottom: dashed 1px #CDCDCB;">
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
				<img src="img/line.jpg"/ style="float: left;margin-right: 50px;margin-top: 30px;">
				
				<div style="width: 160px;height: 140px;position: relative;top: 20px;float: left;">
					<img src="img/icon1.jpg"/ style="float: left;">
					<div style="height: 120px;width: 70px;float: left;margin-left: 10px;margin-top: 5px;">
					<ul style="color: #fff;margin: 0;padding: 0;">
						使用帮助
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
						<li style="display: inline;font-size: 14px;color: #C0C0BE;">使用帮助</li>
					</ul>
					</div>
				</div>
			</div>
			
			<div class="px1000" style="width: 700px;height: 90px;">
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
				
				<div style="width: 75px;height: 100px;position: relative;top: 30px;font-size: 12px;color: #CECCCD;float: left;margin-left: 50px;">
					<img src="img/blue-icon1.jpg" style="margin-left:5px"/>
					本金保障计划
				</div>
			</div>
			
			<div style="width: 500px;height: 30px;margin: auto;color: #fff;font-size: 12px;margin-top: 30px;">
				<div style="width: 160px;height: 30px;float: left;">联系我们：pay.ibaoxiu.com</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;margin-right: 5px;margin-top: 3px;"></div>
				<div style="width: 160px;height: 30px;float: left;margin-right: 10px;">点动p2p版权所有2012-2013</div>
				<div style="float: left;width: 1px;height: 10px;background-color: #fff;float: left;margin-right: 10px;margin-top: 3px;"></div>
				<div style="float: left;">浙ICP备13026901</div>
			</div>
			
			<img src="img/icon-bottom.jpg" style="display: block;margin: auto;"/>
			
			
		</div>
		
	</body>
</html>
